/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.0.0.52
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/


/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Temp Menu */

.header-nav-main > .menu-item {
    margin: 0 25px;
}

/* Home fixes */

@media (max-width: 549px) {
    .section-featured .home-ranking .filters-container .filter-button {
        font-size: 8px;
    }
}

@media (min-width: 850px) {
    .section-hero .section-content > .row > .col .home-hero__product h2 {
        max-width: calc(100% - 300px);
    }
}


/* Closer look image-bullets */

.image-bullets {
    padding: 30px 15px 15px;
    border-radius: var(--global--border-radius-buttons);
    border: 1px solid #eee;
    margin: 0px!important;
    background: #edf6fba3;
}

.image-bullets ul,
.image-compare ul {
    margin: 0;
}

.image-bullets ul li,
.image-compare ul li {
    margin-bottom: 0;

}

.image-bullets img {
    border-radius: var(--global--border-radius-buttons);
}



/* TR Pros-Cons */


.pros-cons .bloc-pros .col-inner h4:before {
  border-color: var(--context-color);
}


/* Audio Charts Height */

.audio-chart-container {
    width: 100%;
    margin: 10px auto 20px;
    height: 450px;
    position:relative;
    border: 1px solid #eee;
    padding: 5px 0 15px;
}

.graphCaption {
    text-align: center;
    margin-bottom: -20px;
}


.audio-chart-container {
    border: none;
}


/* Audio Player */

.audio-player .wave-container {
    margin: 20px 0;
}

.audio-player .play-pause svg {
    fill: #fff;
}

.audio-player p {
    text-align: center!important;
}

.audio-player .play-pause.button:hover svg {
    fill: #fff;
}

.audio-block-tab .volume-bar {
    position: initial;
}

.audio-block-tab .volume-bar::-webkit-slider-runnable-track {
    background: #dadada;
    margin-top: 20px;
}

.audio-player .wave-container { cursor: pointer; margin-bottom: 16px; }
.audio-player .wave-container.active, .audio-block-tab button.audio-block-device-btn.active { background: #f8f8f8; }
.audio-player .wave-container:not(.active) { position: initial; }




/* Temp */

.echarts-item .graphCaption {
    font-size: 1.0em;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}




/* Crop Tool spacing fix */

.image-compare.image-compare-2 .large-12 .rightCrop100percent.with-caption {
    margin-top: -25px;
}


/* Highlight first item in ranking */
.battery.ranking .listElement:first-child {
    background: rgba(1, 131, 191, 0.05);
}


/* Fix chinese home */

.featured-post {
    width: 100%;
}


/* Fix Video alignement */

.row.image-compare.image-compare-3 .box-image div {
    text-align: center;
}



/* Link Color */

.entry-content a {
    color: #0183bf;
}

#cn-notice-text a {
    color: #a9ddf5;
}

#cn-refuse-cookie {
    background: white;
    color: black;
    font-weight: 500;
}

#cn-refuse-cookie {
    transform: scale(0.9);
}


/* Fix Videos & Image boxes without caption */

.row.image-compare.image-compare-1 .col .col-inner,
.row.image-compare.image-compare-2 .col .col-inner,
.row.image-compare.image-compare-3 .col .col-inner {
    display: inline;
}

.row.image-compare.image-compare-1 .col .col-inner .box-image div {
    text-align:  center;
}

.row.image-compare.image-compare-1 .col .col-inner .box-image div img {
    display: inline-block;
    max-width:  fit-content;
}



/* Accordion item for multiple opened override shortcode */ 

.js-accordion-title {
    padding: 0.6em 2.3em;
    display: block;
    position: relative;
    border-top: 1px solid #ddd;
}

.js-accordion-title span {
    color: initial;
}


/* Glossary */

.glossaryItemTitle {
    display: none;
}